<template>
  <div class="dialog">
   <slot></slot>
   <slot name="kunkun" :title="arr"></slot>
   <slot name="hehe"></slot>
  </div>
</template>

<script>
// 如果是简单的场景 => 传递基本数据，可以使用props传值解决需求
// 明确：
// 1. props 可以用于传值，解决组件定制   MyProduct 商品组件（标题，图片链接，价格）
// 2. 插槽  可以传结构, 解决组件定制    当结构允许使用者自定义的场景，一般都会用插槽（对话框封装）
export default {
  data () {
    return {
      yes: '是',
      no: '否',
      arr:[1,2,3]
    }
  }
}
</script>

<style>
.dialog {
  width: 400px;
  border: 3px solid #000;
  border-radius: 5px;
  margin: 10px;
  padding: 0 10px;
  padding-bottom: 20px;
}
</style>
